import { createApp } from 'vue'// 引入createApp
import pinia from './stores'// 引入pinia
import ElementPlus from 'element-plus'//  引入element-plus
import zhCn from 'element-plus/es/locale/lang/zh-cn' // 引入element-plus的中文包
import "element-plus/theme-chalk/el-loading.css";
import "element-plus/theme-chalk/el-message.css";
import "element-plus/theme-chalk/el-notification.css";
import 'element-plus/dist/index.css'//  引入element-plus的样式
import App from './App.vue' 
import router from './router'
import './styles/index.scss'
import ElSvg from './components/SvgIcon/ElSvg'//  引入svg组件
import './permission'//  引入路由守卫
import {vueEcharts} from '@/plugins/echarts'// 引入echarts插件
import '@/mock' // 引入mock

const app = createApp(App)


ElSvg(app)

app.use(pinia)
  .use(router)
  .use(ElementPlus, {
    locale: zhCn,
  })
  // 使用插件  之后可以在任何位置使用v-chart组件
  .use(vueEcharts)
  .mount('#app')
